import { IForm } from '@/base-ui/form'

export const searchFormConfig: IForm = {
  //表单域的宽度，绑定在最外层el-form上
  labelWidth: '120px',
  //表单子元素的样式，绑定在el-form-item上的style属性里
  itemLayout: {
    padding: '10px 40px'
  },
  //表单的响应式布局 按照自己需要的来修改
  colLayout: {
    xl: 6, // >1920px 4个
    lg: 8,
    md: 12,
    sm: 24,
    xs: 24
  },
  formItems: [
    {
      field: 'id',
      type: 'input',
      label: 'id',
      placeholder: '请输入id',
      rules: [
        {
          pattern: /^[a-z0-9]{4,4}$/,
          message: '验证码必须是4个字母或者数字~',
          trigger: 'change'
        }
      ]
    },
    {
      field: 'nickName',
      type: 'input',
      label: '真实姓名',
      placeholder: '请输入真实姓名'
    },
    {
      field: 'mobile',
      type: 'input',
      label: '电话号码',
      placeholder: '请输入电话号码'
    },
    {
      field: 'member',
      type: 'select',
      label: '用户状态',
      placeholder: '请选择用户状态',
      options: [
        { title: '会员', value: 1 },
        { title: '非会员', value: 0 }
      ]
    }
  ]
}
